<template>
    <div>
        <mt-cell v-bind:title="key" v-for="val,key in content" v-bind:key="val.id">
            <p style="padding:10px">{{val}}</p>
            <!-- <mt-badge style="padding:10px" type="warning">{{val}}</mt-badge> -->
        </mt-cell>
    </div>
</template>

<script>
export default {
    name: 'QueryHeal',
    data() {
        return {
            location: {},
            content: {}
        }
    },
    created() {
        fetch(this.url+"/user/healinfo",{
            credentials: 'include',
            method: 'POST'
        }).then((res)=>{return res.text()})
        .then((value)=>{
            value = JSON.parse(value);
            let health = JSON.parse(value["data"][0].health);
            let content = JSON.parse(health["content"]);
            this.location = content.location;
            this.content = content;
        }).catch(function(err) {
            console.error(err);
        });
    }
}
</script>

<style>

</style>